<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar" style="height: auto;">
    <!-- Sidebar user panel -->
    <div class="user-panel">
      <div class="pull-left image">
        <img src="assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
      </div>
      <div class="pull-left info">
        <p>Alexander Pierce</p>
        <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
      </div>
    </div>
    <!-- sidebar menu: : style can be found in sidebar.less -->

    <ul class="sidebar-menu tree" data-widget="tree">
      <li class="header">MAIN NAVIGATION</li>
      <li class="active treeview menu-open">
      <a [routerLink]="['user']">
        <i class="fa fa-dashboard"></i> <span>用户管理</span>
        <span class="pull-right-container">
              <!--<i class="fa fa-angle-left pull-right"></i>-->
            </span>
      </a>
    </li>
      <li class="active treeview menu-open">
        <a href="#">
          <i class="fa fa-dashboard"></i> <span>角色管理</span>
          <span class="pull-right-container">
              <!--<i class="fa fa-angle-left pull-right"></i>-->
            </span>
        </a>
      </li>
      <li class="active treeview menu-open">
        <a href="#">
          <i class="fa fa-dashboard"></i> <span>权限管理</span>
          <span class="pull-right-container">
              <!--<i class="fa fa-angle-left pull-right"></i>-->
            </span>
        </a>
      </li>

      <li class="active treeview menu-open">
        <a [routerLink]="['echarts']">
          <i class="fa fa-dashboard"></i> <span>echarts</span>
          <span class="pull-right-container">
              <!--<i class="fa fa-angle-left pull-right"></i>-->
            </span>
        </a>
        <ul class="treeview-menu" style="">
          <li class="active">
            <a [routerLink]="['echarts/charts1']"><i class="fa fa-circle-o"></i>1-Chart</a>
          </li>
          <li><a [routerLink]="['echarts/charts2']"><i class="fa fa-circle-o"></i>2-Chart</a></li>
          <li><a [routerLink]="['echarts/charts3']"><i class="fa fa-circle-o"></i>3-Chart</a></li>
          <li><a [routerLink]="['echarts/charts4']"><i class="fa fa-circle-o"></i>4-Chart</a></li>
          <li><a [routerLink]="['echarts/charts5']"><i class="fa fa-circle-o"></i>5-Chart</a></li>
          <li><a [routerLink]="['echarts/charts6']"><i class="fa fa-circle-o"></i>6-Chart</a></li>
          <li><a [routerLink]="['echarts/charts7']"><i class="fa fa-circle-o"></i>7-Chart</a></li>
        </ul>
      </li>

      <li class="active treeview menu-open">
        <a [routerLink]="['editor']">
          <i class="fa fa-dashboard"></i> <span>富文本编辑器</span>
          <span class="pull-right-container">
              <!--<i class="fa fa-angle-left pull-right"></i>-->
            </span>
        </a>
        <ul class="treeview-menu" style="">
          <li class="active">
            <a [routerLink]="['editor/showEditor']"><i class="fa fa-circle-o"></i>showEditor</a>
          </li>
          <li><a [routerLink]="['echarts/charts2']"><i class="fa fa-circle-o"></i>2-Chart</a></li>
          <li><a [routerLink]="['echarts/charts3']"><i class="fa fa-circle-o"></i>3-Chart</a></li>
        </ul>
      </li>

      <li class="active treeview menu-open">
        <a [routerLink]="['file']">
          <i class="fa fa-dashboard"></i> <span>文件上传</span>
          <span class="pull-right-container">
              <!--<i class="fa fa-angle-left pull-right"></i>-->
            </span>
        </a>
        <ul class="treeview-menu" style="">
          <li class="active">
            <a [routerLink]="['file/valorFile']"><i class="fa fa-circle-o"></i>valorFile</a>
          </li>
        </ul>
      </li>

    </ul>
  </section>
  <!-- /.sidebar -->
</aside>
